<script>
export default {
  name: "Field",
  props:{
    label:{
      required:true,
      type:String,
      default:"输入"
    },
    type:{
      required:true,
      type:String,
      default:"text"
    },
    modelValue:{
      required:true,
      default:""
    },
  },
  data(){
    return {
      myValue:""
    }
  },
  methods:{
    handleInput(evt){
      this.$emit("update:modelValue",evt.target.value)
    }
  }
}
</script>

<template>
  <div style="background: gray">
    {{label}}：<input :type="type" :value="modelValue" @input="handleInput">
  </div>
</template>

<style scoped>

</style>